import Vue from 'vue'

new Vue({
  el: '#root',
  template: `
    <div
      :class = "[isActive ? 'active' : '']"
      :style = "[style1, style2]"
    >
      <p> {{ getJoinedArr (arr) }} </p>
    </div>
  `,
  data: {
    isActive: false,
    arr: [1, 2, 3, 4, 5],
    style1: {
      color: 'red'
    },
    style2: {
      color: 'blue'
    }
  },
  methods: {
    handleClick () {
      alert('clicked') // eslint-disable-line
    },
    getJoinedArr (arr) {
      return arr.join(' ')
    }
  }
})
